<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style type="text/css">
	.el-form--label-top .el-form-item__label{
		padding-bottom: 0;
	}
	.el-form-item--small .el-form-item__content{
		line-height: 16px;
	}
	.el-dialog .el-form-item--small.el-form-item{
		display: block;
		width: 100%;
	}
	.el-dialog .el-form-item--small.el-form-item .el-select{
		width: 100%;
	}
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
  }
  .avatar {
    width: 70px;
    height: 70px;
    display: block;
  }
	  /* 页面背景颜色 */
	  .main-container{
		  background-color: #f5f7f9;
	  }
	  /* 去掉导航栏头部的线 */
	  .navbar[data-v-d16d6306]{
		webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0)!important;
		box-shadow: 0 1px 4px rgba(0, 21, 41, 0)!important;
	  }
	  .app-container{
		  padding-top:30px;
	  }
	  /* 去掉搜索输入框的下边距 */
	  .filter-container .filter-item{
		  margin-bottom:0;
	  }
	  /* 分页间距 */
	  .pagination-container{
		  padding-bottom:0!important;
		  padding-left:0!important;
	  }
	  /* 包着表格的内边距 */
	  .containtable{
		  padding:26px 26px 26px 26px;
		  background-color:#fff;
	  }
	  /* 分页出现滑块 */
	  .minwidth{
		  overflow-x:auto;
	  }
	  /* 弹出层标题左对齐 */
	  .el-dialog .el-dialog__header{
		  border-bottom:1px solid #e8e8e8;
		  text-align:left;
	  }
	  /* 弹出层按钮长度 */
	  .el-dialog .dialog-footer .el-button{
	  		width:180px;
			margin: 0 10px 10px 10px;
			height:40px;
	  }
	  .el-dialog .dialog-footer .el-button + .el-button {
			margin-left: 10px;
		}
	  /* 取消按钮样式 */
	  .cancel-btn{
		  color:#1890ff;
		  border:1px solid #1890ff;
	  }
	  /* 弹出层底部内边距 */
	  .el-dialog__footer{
		  padding-bottom:60px;
	  }
	  /* 下拉框宽度 */
	  .el-select{
		  width:100%;
	  }
	  
	  /* 打印模板 */
	  .el-textarea__inner{
	  	min-height:500px!important;
	  }
	  
	  /* 手机模式下弹出层的宽度 */
	@media screen and (max-width: 880px) {
	  .el-dialog{
		  width:100%!important;
	  }
	}
	  /* 配置中心 手机模式下按钮的样式 */
	@media screen and (max-width: 768px) {
	  .containbtn{
		  position:relative;
		  width:0;
	  }
	  .bgco .el-tabs__header{
		  margin-bottom:0!important;
	  }
	  .el-message-box{
		  width:345px;
	  }
	  .el-message-box__content{
		  padding:20px 15px;
	  }
	  .el-input--medium .el-input__inner{
		  line-height:14px;
		  height:auto;
		  padding:8px 0;
		  padding-left:10px;
	  }
	  /* 左边的文字与右边的输入框分别独立成一行（去掉左边label的宽度（去掉浮动可以将文字左对齐），将右边的margin-left设为0） */
	  .el-form-item--medium .el-form-item__label{
			width:auto;
			float:none;
	  }
	  .el-form-item--medium .el-form-item__content{
			margin-left:0!important;
	  }
	  .el-form-item--small .el-form-item__label{
			width:auto;
			float:none;
	  }
	  .el-form-item--small .el-form-item__content{
			margin-left:0!important;
	  }
	   /* 配置中心 左边的文字与右边的输入框分别独立成一行*/
	  .bgco .el-form-item--mini .el-form-item__label{
			width:auto;
			float:none;
	  }
	  .el-form-item--mini .el-form-item__content{
	  		   margin-left:0!important;
	  }
	  /* 手机尺寸下加上输入框的下边距 */
	  .filter-container .filter-item{
	  		margin-bottom:10px;
	  }
	  .filter-container{
		  padding-bottom:0;
	  }
	  .el-form-item--small.el-form-item{
		  margin-bottom:10px;
		  width:100%;
	  }
	  /* 打印模板 */
	  .el-textarea__inner{
	  	min-height:320px!important;
	  }
	}
	/* 弹出框层级 */
	.el-message-box__wrapper{
		z-index:40001!important;
	}
	/* 单行有单个下拉框宽度100% */
	.singlecol .el-form-item--small .el-form-item__content{
		width:100%;
	}
	/* 表格按钮间距 */
	.fixed-width .el-button--mini{
		margin: 0px 10px;
	}
	/* tabs标签页样式 */
	.el-tabs__item{
		font-size:16px;
	}
	.el-tabs__nav-wrap::after{
		background-color: #e8e8e8!important;
		height:1px!important;
	}
	.el-tabs__item.is-active{
		color:#2d8cf0;
	}
	.el-tabs__active-bar{
		background-color:#2d8cf0;
		height:1px;
	}
	.bgco .el-tabs__header{
		padding-bottom:20px;
		margin-bottom:20px;
	}
	/* .bgco .el-form-item--mini.el-form-item{
		height:40px;
		line-height:40px;
		margin-bottom:22px;
	} */
	.bgco .el-form-item--mini .el-form-item__label{
		height:40px!important;
		line-height:40px!important;
		padding:0!important;
		padding-right:12px!important;
	}
	.bgco .el-form-item--mini .el-form-item__label,.bgco .el-input--mini .el-input__inner{
		line-height:12px;
		padding:20px 10px;
	}
	
/*  .el-dialog .el-dialog__footer{
	  text-align:center;
  } */
</style>
